<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="browsermode" content="application" />
    <meta name="x5-page-mode" content="app" />
    <title>我的</title>
    <meta charset="utf-8" />
    <link href="../css/main.css?rev=@@hash" rel="stylesheet" />
    <style>
        body{
            width: 3.75rem;
            /*height: 6rem;*/
        }
        .cells {
            /*margin-top: .2rem;*/
        }
        .cells_title {
            margin: 0;
            padding: .12rem .4rem;
            font-size: .16rem;
            height: .22rem;
            color: rgb(68,74,89);
        }
        .cells_title a {
            display: block;
            float: left;
            font-size: .16rem;
            height: .22rem;
            font-weight: 700;
        }
        .cells_title span {
            display: block;
            float: left;
            font-size: .13rem;
            height: .22rem;
            line-height: .22rem;
            margin-left: .2rem;
            color: rgb(136,136,136)
        }

        .operatorContent {
            width: 100%;
            background: #f9f9f9;
            overflow: hidden;
            position: absolute;
            bottom: 0.2rem;
        }
        .txt {
			text-align: right;
        }

        .getCode {
            color: red;
            font-size: .12rem;
        }
        .cell_ft img {
            display: block;;
            width: .2rem;
            height: .1rem;
        }
        .tip {
            line-height: .2rem;
            height: .2rem;
            overflow: hidden;
            margin: .2rem .4rem;
        }
        .tip span{
            display: block;
            float: left;
            font-size: .12rem;
            line-height: .2rem;
            height: .2rem;
        }
        .tip i {
            display: block;
            width: .12rem;
            height: .12rem;
            margin: 0.02rem .04rem;
            float: left;
        }
        .tip i img {
            width: 100%;
        }
        .cells_tips {
            margin: 0.05rem .4rem;
            font-size: .12rem;
        }
        .cells_tips a {
            color: red;
        }
        .confirmBtn {
            position: absolute;
            bottom: .48rem;
        }
        .submitBtn {
            position: static;
            margin: 0 .36rem;
        }
        .walletWrap{
            width: 100%;
        }        
        .customerService {
            font-size: .14rem;
            padding: 0;
        }
        .workTime {
            text-align: center;
            font-size: .12rem;
            color: #949494;
        }
        .containList {
            width: 100%;
            overflow: hidden;
        }
        .bannerImg {
            width: 100%;
            height: 1.58rem;
            background: #3276FE;

        }
        .bannerImg span {
            display: block;
            height: .3rem;
            line-height: .3rem;
            color: white;
            padding-left: .28rem;
        }
        #mobileNumber{
            font-size: .25rem;
            font-weight: bold;
        }
        .bannerLeft{
            float: left;
            width: 2.05rem;
        }
        .bannerImg .bannerRight{
            float: right;
            width: 1.7rem;
            height: 1.28rem;
         }       
         .bannerTxt{
             font-size: .12rem     
        } 
        .bannerImg a {
            color: white;
            /*background-color: red;*/
            display: block;
            position: absolute;
            top: .7rem;
            left: .4rem;
            height: .3rem;
            line-height: .3rem;
            font-size: .18rem;

        }
        .downLoadBar {
            height: .4rem;
            width: 100%;
            position: relative;
            overflow: hidden;
            font-size: .25rem;
            color: white;
            text-align: center;
            background-color: #3276FE;
        }
        .downLoadBar img {
            width: 110%;
            position: absolute;
            top: 0;
            left: -5%;
        }
        .walletContain{
            position: relative;
            z-index: 5;
        }
        .containListCon{
            width: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,6%);
            padding-bottom: .9rem;
        }
        .containList .titImg{
            float: left;
            display: inline-block;
            width: .3rem;
            height: .3rem;
            margin: .18rem .16rem 0 0;
        }
        .containList .arrowImg{
            float: right;
            display: inline-block;
            width: .1rem;
            height: .18rem;
            margin-top: .25rem;
        }
        .containList a{
		    display: block;
		    height: .7rem;
		    line-height: .7rem;
		    background: #fff;
		    margin: .1rem .16rem .1rem .16rem;
		    padding: 0 .1rem;
		    border-radius: .1rem;
		    box-shadow: 0 0 .11rem #c5c5c5;
        }
        .containList span{
            float: left;
            display:inline-block;
            height:.7rem;
        }
        .containList i{
            display: block;
            height: .2rem;
            margin-top: -.2rem;
            padding: .1rem 0;
            text-align: left;
        }
        .submitBtn{
            width: 3.43rem;
            line-height: .45rem;
            font-size: .15rem;
            text-align: center;
            margin: .25rem auto 0;
            background: #ffb624;
            border-radius: .45rem;
            box-shadow: 0 0 0 #fff;
        }
        .tabName{
            display: block;
            width: 100%;
            text-align: center;
            font-size: .12rem;
        }
        #waitingNum{
            float: right;
            padding-left: .2rem;
            color: #3276fe;
        }        
        .tabName1{
            color: #3276FE;
        }
        .tabName2{
            color: #B9BEC8;
        } 
 
        header{
            width: 100%;
            height: .44rem;
            line-height: .44rem;
            position: fixed;
            left: 0;
            top: 0;
            background: #3276fe;
            z-index: 10;
        }         
        header img,
        header span,
        header a{
             display: inline-block;
             float: left;
        }
        header .backIcon{
            width: .24rem;
            height: .24rem;
            margin: .1rem 0 0 .16rem;
            /* opacity: 0; */
        }
        header img{
            width: .24rem!important;
        }
        header .pageTitle{
            width: 80%;
            text-align: center;
            color: #fff;
            font-size: .17rem;
        }
        header .refresh{
            float: right;
            margin-right: .16rem;
            font-size: .14rem;
            color: #fff;
        }        
        .tab_bar{
            z-index:10;
        }           
    </style>
</head>
<body>
    <!-- <div class="downLoadBar">下载APP</div> -->
    <!--<header>
            <a class="backIcon" href="#"></a>
            <span class="pageTitle">我的</span>
            <span class="refresh"></span>
    </header> -->
    <div class="walletWrap">
        <div class="walletContain">
            <div class="bannerImg">
                <div class="bannerLeft">
                    <span class="bannerTxt">账号</span>
                    <span id="mobileNumber"></span>
                    <span class="bannerTxt">您好，欢迎您</span>
                </div>
                <img class="bannerRight" src="../img/mywallet.png" alt=""> 
            </div>
            <div class="containListCon">
                <div class="containList">
                    <a id="telephone" >   <!-- href="tel:029-89585256"-->   
                        <img class="titImg" src="../img/myWallet3.png" alt="">
                        <span id=""><i class="customerService">拨打客服电话</i><i class="workTime">工作时间：09:00~21:00</i></span>
                        <img class="arrowImg"src="../images/gogogo.png" alt="">
                    </a>
                </div>              	
                <div class="containList">
                    <a href="../trust/applyRecord.html">
                        <img class="titImg" src="../img/myWallet1.png" alt="">
                        <span><span id="waitingNum"></span>申请记录</span>
                        <img class="arrowImg"src="../images/gogogo.png" alt="">
                    </a>
                </div>
                <div class="containList">
                        <a href="../user/resetBankCard.html">
                            <img class="titImg" src="../img/myCard.png" alt="">
                            <span id="">我的银行卡</span>
                            <img class="arrowImg"src="../images/gogogo.png" alt="">
                        </a>
                    </div>            
                <div class="containList">
                    <a href="../help/feedback.html">
                        <img class="titImg" src="../img/myWallet2.png" alt="">
                        <span id="">意见反馈</span>
                        <img class="arrowImg"src="../images/gogogo.png" alt="">
                    </a>
                </div>  
                <div class="containList">
                        <a href="../help/helpcenter.html">
                            <img class="titImg" src="../img/myWallet4.png" alt="">
                            <span id="">帮助中心</span>
                            <img class="arrowImg"src="../images/gogogo.png" alt="">
                        </a>
                </div> 
                <!--<div class="containList">
                        <a href="../help/about.html">
                            <img class="titImg" src="../img/myWallet5.png" alt="">
                            <span id="">关于我们</span>
                            <img class="arrowImg"src="../images/gogogo.png" alt="">
                        </a>
                </div>                             -->
                <h6 id="loginOut" class="submitBtn">退出登录</h6> 
            </div>               
        </div>
    </div>
    <div class="tab_bar">
        <footer>
                <a href="../index.html">
                    <img src="../img/walleticon.png">
                    <span class="tabName tabName2">申请</span>
                </a>
                <a href="#">
                    <img src="../img/myicon.png">
                    <span class="tabName tabName1">个人中心</span>
                </a>
            </footer>           
    </div>
    <!-- 脚本 -->
    <script src="../lib/zepto.min.js?rev=@@hash"></script>
    <script src="../js/main.js?rev=@@hash"></script>
    <script>
        (function(global,userUtil,layer){       

            if(userUtil.sid() && userUtil.userID()){    //登录状态
                userUtil.ajax({
                    url: global.localUrl+ 'wallet/user/userInfo',
                    data:{},
                    done:function(re){
                        // layer.hideLoad();
                        $('#mobileNumber').html(re.data.mobileNumber);
                        if(re.data.status == 1){
                            $('#waitingNum').removeClass('hide');
                            //$('#waitingNum').html('待还'+re.data.refundAmount+'元');
                            //localStorage.setItem("refundAmount",re.data.refundAmount);
                        }
                    }
                })
            }else{
                window.location.href="../user/login.html";
            }
            //////拨打客服电话
			$('#telephone').on("click",function(){
				var u = navigator.userAgent;
				var ios = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
				var android = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端	
				if(ios){
					$(this).attr("href","tel:029-89585256");
				}else if(android){
					jsBridgess.kefuTel();
				}
			})
            //拨打客服电话与app交互
            var jsBridgess = (function () {   

                function connectWebViewJavascriptBridge(callback) {
                    if (window.WebViewJavascriptBridge) {
                        callback(WebViewJavascriptBridge);
                    } else {
                        document.addEventListener('WebViewJavascriptBridgeReady', function () {
                            callback(WebViewJavascriptBridge);
                        }, false)
                    }
                }
                return {
                    init: function (fn) {
                        connectWebViewJavascriptBridge(function (WebViewJavascriptBridge) {
                            WebViewJavascriptBridge.init(function (message, responseCallback) {

                            });

                            fn && fn();

                        })
                    },    
                    kefuTel: function (callback) {
                        WebViewJavascriptBridge.callHandler('kefuTel', {"tel":"029-89585256"}, function (response) { callback(response); });
                    },
                }
            })();
            /**
             * 浏览器判断*/
            var browserObj = function () {
                var u = navigator.userAgent;
                return {
                    trident: u.indexOf('Trident') > -1, //IE内核
                    presto: u.indexOf('Presto') > -1, //opera内核
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核
                    mobile: u.indexOf('Mobile') > -1, //是否为移动终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                    weixin: u.indexOf('MicroMessenger') > -1, //是否微信
                    qq: u.indexOf("QQBrowser") > -1, //是否QQ浏览器
                    mobile_qq: u.indexOf("MQQBrowser") > -1, //是否是手机QQ浏览器
                    uc: u.indexOf("UCBrowser") > -1, //是否是uc浏览器
                    baidu: u.indexOf("Baidu") > -1, //是否是百度浏览器
                    firefox: u.indexOf("Firefox") > -1, //是否是火狐浏览器
                    lieBao: u.indexOf("LieBao") > -1, //是否是猎豹浏览器
                    sogou: u.indexOf("SogouMobile") > -1, //是否是搜狗手机浏览器
                    wkqb:u.indexOf("wkqb") > -1

                };
            };
            var browser = browserObj();
            //APP内隐藏
            if(browser.wkqb){
                $(".downLoadBar").css({"display":"none"})
            }
            $(".downLoadBar").click(function(){
                window.location.href=global.localUrl+"downLoad.html"
            })

            //退出登录
            $('#loginOut').on('click',function(){
                var $this = $(this);

                var _data =  {
                    sessionId: userUtil.sid(),
                    ss: new Date().getMilliseconds()
                };
                layer.showLoad();
                $.ajax({
                    url: global.localUrl + "wallet/user/logout",
                    type: "post",
                    data: JSON.stringify(_data),
                    contentType: 'application/json;charset=utf-8',
                    success: function (re) {
                        layer.hideLoad();
                        if (1 == re.code) {
                            layer.tips('退出登录');
                            userUtil.sid('');
                            userUtil.userID('');
                            userUtil.mobile('');
                            sessionStorage.removeItem('isOverdue');
                            window.location.href="../index.html";
                        } else {
                            layer.tips(re.message);
                        }
                    },
                    error: function () {
                        $('.layer_mask').removeClass('on');
                        layer.tips(global.netError);
                    }
                });
            })
        })(global,userUtil,layer)
    </script>
</body>
</html>